<template>
  <div class="top">
     <van-icon name="arrow-left" class="tubiao" @click="go()"/>
      <input type="text" >
      <van-icon name="apps-o"  class="tubiao2"/>
  </div>
</template>

<script>
export default {
    methods: {
        go(){
            this.$router.go(-1)
        }
    },
}
</script>
<style lang="scss" >
*{
    margin: 0;
    padding: 0;
}
$bac:#f5f5f5;
$bac1:#ffffff;
    .top{
        width: 100%;
        height: 0.5rem;
        background:$bac1;
        position: relative;
        input{
        width: 70%;
        height:70%;
        border-radius: 0.15rem;
        outline: none;
        position: absolute;
        left: 15%;
        top: 15%;
        //文字缩进
        text-indent:0.4rem;
        background:$bac;
        //去掉border的框框
        border:none;
    }
    .tubiao{
        position: absolute;
        font-size: 0.22rem;
        left:0.15rem;
        top:0.13rem;
        z-index: 1;
      
    }
    .tubiao2{
        position: absolute;
        font-size: 0.22rem;
        top: 0.13rem;
        right:0.15rem;
    }
    }
    
</style>

